<script>
 setInterval(updateViewer,15000);
</script>

<div data-role="header">
    <!-- Header -->
    <?php
       include("../Include/banner.inc.php")
    ?>
	<div data-role="navbar" class="ui-navbar">
            <ul>
                <li><a href="#home" target='_self'><?php echo $textes['accueil'][$_COOKIE['lang']] ?></a></li>
		<li><a href="#message" target='_self'><?php echo $textes['espace_creatif'][$_COOKIE['lang']] ?></a><li>
            </ul>
	</div>
</div>

<div data-role="content">
 <div data-role="fieldcontain">
 <label for="text"><?php echo $textes['message'][$_COOKIE['lang']] ?></label>
 <textarea onclick="$('#messageText').val('')" name="message" id="messageText"><?php echo $textes['msg_textbox_label'][$_COOKIE['lang']] ?></textarea>
 </div>

 <div data-role="fieldcontain">
 <label for="text"><?php echo $textes['nom'][$_COOKIE['lang']] ?></label>
 <input type="text" name="pseudoText" id="pseudoText" />
 </div>


 <div class="ui-body ui-body-b">
 <fieldset class="ui-grid-a">
 <div class="ui-block-b">
 <button id="addMessage" type="submit" data-theme="d" onclick="saveMessage()"><?php echo $textes['send'][$_COOKIE['lang']] ?></button>
 </div>
 </fieldset>
 </div>

 <h2 style="padding: 1em 0;"><?php echo $textes['messages'][$_COOKIE['lang']] ?></h2>
 <ul data-role="listview" data-inset="true" id="messageList">
 <script>updateViewer();</script>
 </ul>
</div>

        <!-- Footer -->
    <?php
    include("../Include/footer.inc.php")
    ?>